import React, { Component } from 'react';
import PropTypes from 'prop-types';

import ContentLayout from '@/component/common/ContentLayout';
import SettingStyle from '@/page/setting/setting.scss';
import Navigation from './Navigation';

class Layout extends Component {
    static propTypes = {
        children: PropTypes.node,
        loading: PropTypes.bool
    };
    render() {
        return (
            <ContentLayout navTitle="设置" className={SettingStyle['Setting-wrap']} loading={this.props.loading}>
                <div className={SettingStyle['setting-main-wrap']}>
                    <Navigation/>
                    <div className={SettingStyle['setting-content']}>
                        {this.props.children}
                    </div>
                </div>
            </ContentLayout>
        );
    }
}

export default Layout;